.theme-father {
    border-bottom: 1px solid rgb(230, 230, 230);
}

.theme {
    height: 110px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .theme-l {
        display: flex;
        height: 50px;
        align-items: center;

        .txt {
            font-size: 24px;
            line-height: 50px;
        }
    }

    .theme-r {
        display: flex;

        p {
            &:nth-child(1) {
                line-height: 28px;
            }

            &:nth-child(2) {
                a {
                    display: block;
                    width: 60px;
                    height: 28px;
                    border: 1px solid rgb(199, 199, 199);
                    text-align: center;
                    line-height: 28px;
                }
            }
        }
    }
}

.sign-son {
    display: flex;
    justify-content: space-between;
}

.sign-l {
    margin-top: 30px;
}

.sign-r {
    width: 352px;
    border: 1px solid rgb(227, 225, 225);
    margin-top: 70px;

    .account {
        padding: 0 28px;

        .title {
            display: flex;
            margin-top: 25px;
            margin-bottom: 37px;
            align-items: flex-end;

            p {
                margin-left: 10px;
            }
        }

        .username {
            width: 284px;
            height: 20px;
            padding: 10px 8px;
            border: 1px solid rgb(199, 199, 199);
            margin-bottom: 15px;

            input {
                border: 0;
                outline: none;
                width: 284px;
            }
        }

        .password {
            width: 284px;
            height: 20px;
            padding: 10px 8px;
            border: 1px solid rgb(199, 199, 199);
            margin-bottom: 35px;

            input {
                border: 0;
                outline: none;
                width: 284px;
            }
        }

        .btns {
            width: 302px;
            height: 40px;
            margin-bottom: 10px;

            input {
                width: 100%;
                height: 100%;
                border: 0;
                text-align: center;
                line-height: 40px;
                font-weight: bold;
                color: white;
                background-color: #f04146;
                outline: none;
            }
        }

        .forget {
            display: flex;
            justify-content: space-between;

            a {
                font-size: 14px;
                color: #82a7e8;
            }
        }
    }

    .other {
        display: flex;
        padding: 0 28px;
        height: 60px;
        justify-content: space-between;
        align-items: center;
        background-color: #f0f6ff;
        margin-top: 40px;

        .sweep {
            display: flex;
            align-items: center;

            .sweep-son {
                width: 80px;
                height: 60px;
                line-height: 60px;

                a {
                    color: #82a7e8;
                }
            }

            .qww {
                ul {
                    display: flex;
                    padding-left: 16px;
                    width: 78px;
                    height: 18px;
                    justify-content: space-between;
                    border-left: 2px solid #3d84f0;

                    li {
                        a {
                            display: block;
                            width: 13px;
                            height: 15px;
                            font-size: 20px;
                            color: #3d84f0;
                        }
                    }
                }
            }
        }

        .register {
            a {
                color: #82a7e8;
            }
        }
    }
}

.foot {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    background-color: #f9f9fa;
    text-align: center;
    position: fixed;
    bottom: 0;
    .icp {
        margin: 0 auto;

        .fuwu {
            width: 100%;
            display: flex;
            justify-content: space-around;
        }

        p {
            margin-top: 7px;
            color: #999;
            font-size: 14px;
        }
    }
}